﻿@namespace iMemberUI

<div class="@Class apple-col @(Span < 0 ? "" : $"apple-col-{Span}")
     @(Xs < 0 ? "" : $"apple-col-xs-{Xs}") @(Sm < 0 ? "" : $"apple-col-sm-{Sm}")
     @(Md < 0 ? "" : $"apple-col-md-{Md}") @(Lg < 0 ? "" : $"apple-col-lg-{Lg}")
     @(Xl < 0 ? "" : $"apple-col-xl-{Xl}") @(Xxl < 0 ? "" : $"apple-col-xxl-{Xxl}")"
     style="@Style" id="@Id">
    @ChildContent
</div>

@code {
    [Parameter] public int Xs { get; set; } = -1;
    [Parameter] public int Sm { get; set; } = -1;
    [Parameter] public int Md { get; set; } = -1;
    [Parameter] public int Lg { get; set; } = -1;
    [Parameter] public int Xl { get; set; } = -1;
    [Parameter] public int Xxl { get; set; } = -1;
    [Parameter] public int Span { get; set; } = -1;
    [Parameter] public string? Id { get; set; }
    [Parameter] public string? Class { get; set; }
    [Parameter] public string? Style { get; set; }
    [Parameter] public RenderFragment? ChildContent { get; set; }
}